@charset "utf-8";.body .pageSwitcher{border:none;padding:0;position:absolute;margin-top:-70px;width:66px;top:50%;z-index:5;height:140px;background-color:transparent;} 
.body .pageSwitcher.up{left:0px;} 
.body .pageSwitcher.down{right:0px;} 
.body .pageSwitcher:hover{} 
.body .pageSwitcher div{cursor:pointer;width:66px;height:131px;-webkit-transition:margin .2s ease-in;background:url(/img/skin_0/right.png);} 
.body .pageSwitcher.up div{-webkit-transform:rotate(180deg);margin-left:-42px;} 
.body .pageSwitcher.up div:hover{margin-left:-12px;} 
.body .pageSwitcher.down div{margin-left:42px;} 
.body .pageSwitcher.down div:hover{margin-left:12px;} 
.body .dialbox{position:fixed;top:45px;bottom:45px;width:100%;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:center;overflow-y:auto;overflow-x:hidden;} 
.body .dialbox .appDialbox{position:absolute;display:none;} 
.body .dialbox .appDialbox.op_0{opacity:0;} 
.body .dialbox .appDialbox.op_1{opacity:0.1;} 
.body .dialbox .appDialbox.op_2{opacity:0.2;} 
.body .dialbox .appDialbox.op_3{opacity:0.3;} 
.body .dialbox .appDialbox.op_4{opacity:0.4;} 
.body .dialbox .appDialbox.op_5{opacity:0.5;} 
.body .dialbox .appDialbox.op_6{opacity:0.6;} 
.body .dialbox .appDialbox.op_7{opacity:0.7;} 
.body .dialbox .appDialbox.op_8{opacity:0.8;} 
.body .dialbox .appDialbox.op_9{opacity:0.9;} 
.body .dialbox .appDialbox.op_10{opacity:1;} 
.body .dialbox .appDialbox:not(:hover){-webkit-transition:opacity 1s ease-in;} 
.body .dialbox .appDialbox:hover{-webkit-transition:opacity 0.3s ease-in;opacity:1;} 
@-webkit-keyframes graduallyBig{0%{opacity:0;-webkit-transform:scale(0);} 
40%{opacity:0.8;-webkit-transform:scale(1.2);} 
80%{opacity:0.9;-webkit-transform:scale(0.8);} 
100%{opacity:1;-webkit-transform:scale(1);} 
} 
.body .dialbox .appDialbox .appBox{position:absolute;display:none;} 
.body .dialbox .appDialbox .appBox.new{-webkit-animation:graduallyBig 0.7s ease-out 0s 1;} 
.body .dialbox .appDialbox .appBox .boxLogo{width:100%;position:absolute;top:0px;bottom:32px;cursor:pointer;border-bottom:rgba(191, 0, 0, 0.6) 2px solid;background-repeat:no-repeat;background-position:center;background-color:rgba(255,255,255,1);-webkit-mask-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,1)),to(rgba(0,0,0,0.7)));} 
.body .dialbox .appDialbox .appBox .boxLogo.noTitle{bottom:0px;} 
.body .dialbox .appDialbox .appBox:hover .boxLogo{-webkit-mask-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,1)),to(rgba(0,0,0,1)));} 
.body .dialbox .appDialbox .appBox .boxLogo .boxIcon{position:absolute;bottom:7px;left:10px;height:16px;width:16px;-webkit-background-size:100%;} 
.body .dialbox .appDialbox .appBox .boxLogo .boxPlus{border-color:rgba(102, 102, 102, 1);border:2px dashed;border-radius:23%;box-sizing:border-box;height:54%;left:23%;position:absolute;right:23%;top:23%;width:54%;} 
.body .dialbox .appDialbox .appBox .boxLogo .boxPlus div{border-radius:2px;position:absolute;background:rgba(102, 102, 102, 1);} 
.body .dialbox .appDialbox .appBox .boxLogo .boxPlus .vertical{height:50%;left:44%;right:44%;top:25%;width:12%;} 
.body .dialbox .appDialbox .appBox .boxLogo .boxPlus .horizontal{height:12%;left:25%;right:25%;top:44%;width:50%;} 
.body .dialbox .appDialbox .appBox .boxClose{cursor:pointer;position:absolute;top:5px;right:8px;height:16px;width:16px;background:url(/img/skin_0/wedo.png) no-repeat scroll -74px -20px;opacity:0;-webkit-transition:opacity 0.2s ease-in;} 
.body .dialbox .appDialbox .appBox .boxEdit{cursor:pointer;position:absolute;margin-right:4px;top:6px;right:27px;height:16px;width:16px;background:url(/app/cloudWebsite/img/skin_0/icons.png) no-repeat scroll -100px -253px;opacity:0;-webkit-transition:opacity 0.2s ease-in;} 
.body .dialbox .appDialbox .appBox:hover .boxClose, .body .dialbox .appDialbox .appBox:hover .boxEdit{opacity:0.8;} 
.body .dialbox .appDialbox .appBox .boxTitle{position:absolute;bottom:0px;height:32px;line-height:32px;width:100%;text-align:center;overflow:hidden;background-color:rgba(191, 0, 0, 0.4);} 
.body .dialbox .appDialbox .appBox .boxLogo.noTitle + .boxTitle{height:0px;-webkit-transition:height .2s ease-in;} 
.body .dialbox .appDialbox .appBox:hover .boxLogo.noTitle + .boxTitle{height:32px;} 
.body .dialbox .appDialbox .appBox .boxTitle a{cursor:pointer;} 
.body .dialbox .pageIndex{position:fixed;height:30px;width:100%;left:0px;bottom:70px;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:center;} 
.body .dialbox .pageIndex div{height:21px;border-radius:21px;padding:0 15px;opacity:0.8;} 
.body .dialbox .pageIndex div span{cursor:pointer;display:block;margin:8px 10px;width:8px;height:8px;background:rgba(149,149,149,0.8);border-radius:8px;float:left;border:rgba(149,149,149,0.8) 1px solid;} 
.body .dialbox .pageIndex div span.selected, .body .dialbox .pageIndex div span:hover{background:rgba(255,255,255,1);border:rgba(255,255,255,1) 1px solid;} 
